<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="css/first.css" />
    <script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="js/holder.min.js"></script>
    <!--<script src="fonts/glyphicons-halflings-regular.eot"></script>-->
    <!--<script src="fonts/glyphicons-halflings-regular.svg"></script>-->
    <!--<script src="fonts/glyphicons-halflings-regular.ttf"></script>-->
    <script src="fonts/glyphicons-halflings-regular.woff"></script>
    <script src="fonts/glyphicons-halflings-regular.woff2"></script>
    <script type="text/javascript" src="js/sportFramefeijson.js"></script>
    <script>
        window.onload=function(){
            var oNav2=document.getElementsByClassName('contain')[0];
            var oUl=oNav2.getElementsByTagName('ul')[0];
            var aImg=oNav2.getElementsByTagName('img');
            var leftBtn=document.getElementsByClassName("left")[0];
            var rightBtn=document.getElementsByClassName("right")[0];
            var count=2;
            var m=6;
            var timer=null;
            //左移按钮
            leftBtn.onclick=function(){
                //获取当前图片位置，并判断是第几个图片
                var t=Math.ceil(-cssStyle(oUl,'left')/1138);
                //判断是否为第一张图片
                if(t>0){
                   m=t;
                    count=t;
                    //移动
                    sport(oUl,'left',-t*cssStyle(aImg[0],'width'));
                }
            };
            //右移按钮
            rightBtn.onclick=function(){
                //获取当前图片位置，并判断是第几个图片
                var n=Math.ceil(-cssStyle(oUl,'left')/1138);
                //判断是否为最后一张图片
                if(n<5){
                   m=n;
                    count=n;
                    //移动
                    sport(oUl,'left',-n*cssStyle(aImg[0],'width'));
                }
            };
            timer=setInterval(function(){
                if(count<(aImg.length-1))
                {
                    sport(oUl,'left',-count*cssStyle(aImg[0],'width'));
                    count++;
                  //  m++;
                }else if(m>0)
                    {
                        m--;
                        sport(oUl,'left',-m*cssStyle(aImg[0],'width'));
                    }
                    else
                    {
                        m=5;
                        count=2;
                    }
            },3000)
        };
        $(function(){
            var image=["text.png","contact.png","student.png","social.png","systerm.png","book.png","students.png","knowledge.png"]
            $(".sideRight>a").each(function(i){
                $(this).css({backgroundImage:"url(images/"+image[i]+")",
                backgroundRepeat:"no-repeat",
            backgroundPosition:"10% 50%"});
            });
            $(".setWidth a").mouseover(function(){
                var index=$(".setWidth a").index(this);
                $(".cards").css("display","none");
                $(".setWidth a").removeAttr("id");
                  $(this).attr("id","bgChange");
                $(".cards").eq(index).css("display","block");
            });

            $(".p1").hover(function(){
                var index1=$(".p1").index(this);
                $(".setPage").eq(index1).css({display:"block"});
            },function(){
                $(".setPage").css({display:"none"});
            });
        });
    </script>
</head>
<body>

    <div class="container-fluid">
        <!--主页顶部-->
        <div class="row">
            <div class="col-md-8 col-md-offset-2 top">
                <div class="row">
                    <div class="col-md-12 setHeight ">
                        <span class="pull-right"><small><a href="#">书记院长信箱</a>|
                            <a href="#">西音院历</a>|<a href="#">网站地图</a></small></span>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <form class=" form-group form-inline pull-right">
                              <input type="text" class="form-control" placeholder="请输入关键字"/>
                             <input type="button" class="btn bgChange" value="搜索"/>
                            </form>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!--导航-->
        <div class="row" style="background: rgb(174,28,28);margin-bottom: 1px;">
            <div class="col-md-12" style="margin-left: 200px;">
           <ul class="list-unstyled setNav">
               <li><a href="homepage.html" rel="tooltip" title="网站首页">网站首页</a></li>
               <li><a href="introduce.html"  rel="tooltip" title="学校概况">学校概况</a></li>
               <li><a href="constructer.html" rel="tooltip" title="机构设置">机构设置</a></li>
               <li><a href="education.html" rel="tooltip" title="教学单位">教学单位</a></li>
               <li><a href="#" rel="tooltip" title="教学科研">教学科研</a></li>
               <li><a href="#" rel="tooltip" title="社会服务">社会服务</a></li>
               <li><a href="library.html" target="_blank" rel="tooltip" title="图书馆">图书馆</a></li>
           </ul>
            </div>
        </div>
        <!--新闻轮播-->
        <div class="row" style="padding-bottom: 10px;">
            <div class="col-md-12" style="padding: 0;overflow: hidden;">
                <div class="n-left"></div>
               <div class="contain">
                   <ul class="list-unstyled">
                   <li><a href="#"><img src="images/5.jpg" ></a></li>
                   <li><a href="#"><img src="images/6.jpg" ></a></li>
                   <li><a href="#"><img src="images/7.jpg" ></a></li>
                   <li><a href="#"><img src="images/8.jpg" ></a></li>
                   <li><a href="#"><img src="images/9.jpg" ></a></li>
                   <li><a href="#"><img src="images/10.jpg" ></a></li>
               </ul>
               </div>
                <div class="n-right"></div>
                <a class="left">
                <span class="glyphicon glyphicon-chevron-left" ></span><span class="sr-only">previous
                </span></a>
                <a class="right">
                <span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">next
                </span></a>


            </div>
        </div>
        <!--主体-->
        <div class="row">
            <div class="col-md-3 col-md-offset-1 setBorder">
                <h3 style="font-weight: bold; text-indent: 1em;border-bottom: 2px solid rgb(237,237,237);">通知公告
                    <a href="#" class="pull-right"><img src="images/more.jpg"></a></h3>
                <ul>
                    <li><a href="#" rel="tootip" title="招标公告（雨棚设计及施工">招标公告（雨棚设计及施工）</a></li>
                    <li><a href="#" rel="tootip" title="2016年暑假放假通知">2016年暑假放假通知</a></li>
                    <li><a href="#" rel="tootip"  title="关于做好2017年度陕西省社科界重大理论与现实问题研究项目申报工作的通知">关于做好2017年度陕西省社科界重</a></li>
                    <li><a href="#" rel="tootip"  title="关于西安音乐学院阶梯教室排椅采购项目招标工作">关于西安音乐学院阶梯教室排椅采 </a></li>
                    <li><a href="#" rel="tootip" title="关于举办2016年青年教师及管理干部培训班的通知">关于举办2016年青年教师及管理干 </a></li>
                </ul>
                <h3 style="font-weight: bold; text-indent: 1em;border-bottom: 2px solid rgb(237,237,237);">演出资讯
                    <a href="#" class="pull-right"><img src="images/more.jpg"></a></h3>
                <ul>
                    <li><a href="#" rel="tootip" title="2015级民乐系硕士研究生杜欢二胡汇报音乐会">2015级民乐系硕士研究生杜欢</a></li>
                    <li><a href="#" rel="tootip" title="中国音乐学院、西安音乐学院-长笛教学交流汇报音乐会">中国音乐学院、西安音乐学院</a></li>
                    <li><a href="#" rel="tootip" title="2015级硕士研究生孟思含中提琴汇报音乐会">2015级硕士研究生孟思含中提</a></li>
                    <li><a href="#" rel="tootip" title="音乐教育学院2015级硕士研究生于勋声乐汇报音乐会">音乐教育学院2015级硕士研究 </a></li>
                    <li><a href="#" rel="tootip" title="音乐教育学院2015级硕士研究生刘洋智声乐汇报音乐会">音乐教育学院2015级硕士研究</a></li>
                </ul>
            </div>
            <!--主体新闻-->
            <div class="col-md-6 ">
                <div class="btn-group setWidth ">
                    <a href="#" class="btn btn-default" id="bgChange">西音新闻</a>
                    <a href="#" class="btn btn-default">综合资讯</a>
                    <a href="#" class="btn btn-default">校友之窗</a>
                    <a href="#" class="btn btn-default">媒体报道</a>
                    <a href="#" class="btn btn-default">荣誉西音</a>
                </div>
                <div class="main setBorder">
                    <div class="row cards" style="display: block;">
                        <div class="col-md-3">
                            <ul class="list-unstyled">
                                <li>【2016-07-20】</li>
                                <li>【2016-07-19】</li>
                                <li>【2016-07-19】</li>
                                <li>【2016-07-19】</li>
                                <li>【2016-07-15】</li>
                                <li>【2016-07-15】</li>
                                <li>【2016-07-13】</li>
                                <li>【2016-07-13】</li>
                                <li>【2016-07-12】</li>
                                <li>【2016-07-12】</li>
                                <li>【2016-07-11】</li>
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <ul class="list-unstyled">
                                <li><a href="#" rel="tooltip" title="我院开展暑期安全大检查">我院开展暑期安全大检查</a></li>
                                <li><a href="#" rel="tootip" title=" 张立杰出席图书馆党支部“两学一做”学习教育推进会 "> 张立杰出席图书馆党支部“两学一做”学习教育推进会</a></li>
                                <li><a href="#" rel="tootip" title="张立杰在党政办支部讲授“两学一做”专题党课 ">张立杰在党政办支部讲授“两学一做”专题党课</a></li>
                                <li><a href="#" rel="tootip" title="冯力斌在保卫支部讲党课">冯力斌在保卫支部讲党课</a></li>
                                <li><a href="#" rel="tootip" title="2016年大学生志愿者暑期“三下乡”社会实践活动启动 ">2016年大学生志愿者暑期“三下乡”社会实践活动启动 </a></li>
                                <li><a href="#" rel="tootip" title="我院举办2016年青年教师及管理干部培训班">我院举办2016年青年教师及管理干部培训班</a></li>
                                <li><a href="#" rel="tootip" title="李映方为组织宣传和音乐学教工党支部上党课">李映方为组织宣传和音乐学教工党支部上党课</a></li>
                                <li><a href="#" rel="tootip" title="王真在钢琴系教工党支部讲党课">王真在钢琴系教工党支部讲党课</a></li>
                                <li><a href="#" rel="tootip"  title="图书馆党支部组织开展专题党课学习 ">图书馆党支部组织开展专题党课学习</a></li>
                                <li><a href="#" rel="tootip" title="艺术中心组织学习“七一”重要讲话精神">艺术中心组织学习“七一”重要讲话精神</a></li>
                                <li><a href="#" rel="tootip" title="安金玉在培训考级支部讲党课 ">安金玉在培训考级支部讲党课</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row cards">
                        <div class="col-md-3">
                            <ul class="list-unstyled">
                                <li>【2016-07-08】</li>
                                <li>【2016-07-08】</li>
                                <li>【2016-07-01】</li>
                                <li>【2016-07-01】</li>
                                <li>【2016-07-01】</li>
                                <li>【2016-07-01】</li>
                                <li>【2016-06-30】</li>
                                <li>【2016-06-30】</li>
                                <li>【2016-06-29】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-16】</li>
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <ul class="list-unstyled">
                                <li><a href="#" rel="tooltip" title="音乐学系建立西安教育电视台教学实践基地">音乐学系建立西安教育电视台教学实践基地</a></li>
                                <li><a href="#" rel="tooltip"  title="美钢琴家丹尼尔•艾普斯汀来我院演出、交流学术 ">美钢琴家丹尼尔•艾普斯汀来我院演出、交流学术</a></li>
                                <li><a href="#" rel="tooltip" title="雷华受聘陕西教育学院特聘教授  ">雷华受聘陕西教育学院特聘教授  </a></li>
                                <li><a href="#" rel="tooltip" title=" 2016第一期“博雅论坛”系列学术活动落幕"> 2016第一期“博雅论坛”系列学术活动落幕</a></li>
                                <li><a href="#" rel="tooltip" title="2016第一期“博雅论坛”第三场学术讲座在我院举行 ">2016第一期“博雅论坛”第三场学术讲座在我院举行</a></li>
                                <li><a href="#" rel="tooltip" title="李玫作客我院第57期乐府讲坛 ">李玫作客我院第57期乐府讲坛 </a></li>
                                <li><a href="#" rel="tooltip" title="2016第一期“博雅论坛”第二场在我院举行 ">2016第一期“博雅论坛”第二场在我院举行</a></li>
                                <li><a href="#" rel="tooltip" title="2016“博雅论坛”第一期系列学术活动拉开帷幕">2016“博雅论坛”第一期系列学术活动拉开帷幕</a></li>
                                <li><a href="#" rel="tooltip"  title="我院附中本届高三学生高考成绩揭晓 ">我院附中本届高三学生高考成绩揭晓 </a></li>
                                <li><a href="#" rel="tooltip"  title="音乐教育学院举办第九届音乐教学技能及教学课件比赛 ">音乐教育学院举办第九届音乐教学技能及教学课件比赛 </a></li>
                                <li><a href="#" rel="tooltip"  title="音教学院建立“白水中学大学生校外实践教育基地” ">音教学院建立“白水中学大学生校外实践教育基地” </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row cards">
                        <div class="col-md-3">
                            <ul class="list-unstyled">
                                <li>【2016-05-26】</li>
                                <li>【2016-05-20】</li>
                                <li>【2015-11-10】</li>
                                <li>【2014-07-26】</li>
                                <li>【2014-07-09】</li>
                                <li>【2014-07-02】</li>
                                <li>【2014-06-23】</li>
                                <li>【2014-06-23】</li>
                                <li>【2014-04-30】</li>
                                <li>【2014-04-29】</li>

                            </ul>
                        </div>
                        <div class="col-md-9">
                            <ul class="list-unstyled">
                                <li><a href="#" rel="tootip" title="电影《百鸟朝凤》作曲张大龙教授创作谈 ">电影《百鸟朝凤》作曲张大龙教授创作谈</a></li>
                                <li><a href="#" rel="tootip" title=" 地域风俗的史诗化诠释">地域风俗的史诗化诠释</a></li>
                                <li><a href="#" rel="tootip" title="我院山西校友会成立">我院山西校友会成立</a></li>
                                <li><a href="#" rel="tootip" title=" 校友邵吉民向我院赠书"> 校友邵吉民向我院赠书</a></li>
                                <li><a href="#" rel="tootip" title="西安音乐学院浙江校友会成立">西安音乐学院浙江校友会成立</a></li>
                                <li><a href="#" rel="tootip" title="兰州校友会情况简介">兰州校友会情况简介</a></li>
                                <li><a href="#" rel="tootip" title="汉中校友会成立">汉中校友会成立</a></li>
                                <li><a href="#" rel="tootip" title=" 海南校友会成立">海南校友会成立</a></li>
                                <li><a href="#" rel="tootip" title="致母校的一封信 ">致母校的一封信</a></li>
                                <li><a href="#" rel="tootip" title="五三、五六级校友回母校参观交流">五三、五六级校友回母校参观交流</a></li>

                            </ul>
                        </div>
                    </div>
                    <div class="row cards">
                        <div class="col-md-3">
                            <ul class="list-unstyled">
                                <li>【2016-06-30】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-28】</li>
                                <li>【2016-06-27】</li>
                                <li>【2016-06-27】</li>
                                <li>【2016-06-27】</li>
                                <li>【2016-06-27】</li>
                                <li>【2016-06-06】</li>
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <ul class="list-unstyled">
                                <li><a href="#" rel="tootip" title="海外网《陕艺术作品进京展演 歌剧<白鹿原>华丽亮相》">海外网《陕艺术作品进京展演 歌剧&lt;白鹿原&gt;华丽亮相》</a></li>
                                <li><a href="#" rel="tootip" title="省教育厅《西安音乐学院<白鹿原>：歌剧述史诗 真情颂忠实》 ">省教育厅《西安音乐学院&lt;白鹿原&gt;：歌剧述史诗真情颂忠实》</a></li>
                                <li><a href="#" rel="tootip" title="西部网《歌剧<白鹿原>进京展演 西音人讲述陕西故事》">西部网《歌剧&lt;白鹿原&gt;进京展演 西音人讲述陕西故事》 </a></li>
                                <li><a href="#" rel="tootip" title="西部网《歌剧<白鹿原>进京展演 陕西艺术再次轰动全国》"> 西部网《歌剧&lt;白鹿原&gt;进京展演 陕西艺术再次轰动全国》</a></li>
                                <li><a href="#" rel="tootip" title="陕西传媒网《歌剧<白鹿原>西安首演 “真实”白鹿">陕西传媒网《歌剧&lt;白鹿原&gt;西安首演 “真实”白鹿村搬上舞台》</a></li>
                                <li><a href="#" rel="tootip" title="人民网《歌剧<白鹿原>西安首演》 ">人民网《歌剧&lt;白鹿原&gt;西安首演》</a></li>
                                <li><a href="#" rel="tootip" title="阜阳新闻网《西安音乐学院硕士生导师史小亚教授学生公益钢琴音乐会暨“梦想学院”之音乐教室启动》">阜阳新闻网《西安音乐学院硕士生导师史小亚教授学生公益钢琴音乐会</a></li>
                                <li><a href="#" rel="tootip" title="华商网《歌剧<白鹿原>西安首演》 ">华商网《歌剧&lt;白鹿原&gt;西安首演》</a></li>
                                <li><a href="#" rel="tootip"  title="陕西日报《歌剧<白鹿原>西安首演》">陕西日报《歌剧&lt;白鹿原&gt;西安首演》</a></li>
                                <li><a href="#" rel="tootip" title="中国艺术报《我的音乐创作离不开两个基本功》">中国艺术报《我的音乐创作离不开两个基本功》 </a></li>
                                <li><a href="#" rel="tootip"  title="西部网《书中自有黄金屋西安音乐学院举办读书活动》">西部网《书中自有黄金屋西安音乐学院举办读书活动》</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row cards">
                        <div class="col-md-3">
                            <ul class="list-unstyled">
                                <li>【2016-07-08】</li>
                                <li>【2016-07-07】</li>
                                <li>【2016-07-06】</li>
                                <li>【2016-06-17】</li>
                                <li>【2016-06-15】</li>
                                <li>【2016-06-13】</li>
                                <li>【2016-02-02】</li>
                                <li>【2016-01-22】</li>
                                <li>【2016-01-13】</li>
                                <li>【2016-01-12】</li>
                                <li>【2016-01-07】</li>
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <ul class="list-unstyled">
                                <li><a href="#" rel="toottip" title="我院40个项目获批2016年省级大学生创新创业训练计划项目">我院40个项目获批2016年省级大学生创新创业训练计划项目</a></li>
                                <li><a href="#" rel="toottip"  title="我院获2016年“中国梦•爱国情•成才志”中华经典诵读优秀组织单位奖"> 我院获2016年“中国梦•爱国情•成才志”中华经典诵读优秀组织单</a></li>
                                <li><a href="#" rel="toottip" title="符译文《琵琶与管弦乐队协奏曲<厚土>》获国家艺术基金资助">符译文《琵琶与管弦乐队协奏曲&lt;厚土&gt;》获国家艺术基金资助</a></li>
                                <li><a href="#" rel="toottip" title="李宝杰获陕西省哲学社会科学优秀成果二等奖">李宝杰获陕西省哲学社会科学优秀成果二等奖</a></li>
                                <li><a href="#" rel="toottip" title="我院两教师入选国家艺术基金“青年合唱指挥人才培养”项目">我院两教师入选国家艺术基金“青年合唱指挥人才培养”项目</a></li>
                                <li><a href="#" rel="toottip"  title="张怡劼首届雅马哈全国电子键盘大赛折桂">张怡劼首届雅马哈全国电子键盘大赛折桂</a></li>
                                <li><a href="#" rel="toottip" title="邓鹏、樊巧花荣获西安市公安局表彰">邓鹏、樊巧花荣获西安市公安局表彰</a></li>
                                <li><a href="#" rel="toottip" title="我院两项目获省2015高等教育教学二等奖 ">我院两项目获省2015高等教育教学二等奖 </a></li>
                                <li><a href="#" rel="toottip" title="我院致公党支部被致公党陕西省委评为先进集体">我院致公党支部被致公党陕西省委评为先进集体</a></li>
                                <li><a href="#" rel="toottip" title="我院一新闻作品获评“教育好新闻” ">我院一新闻作品获评“教育好新闻”</a></li>
                                <li><a href="#" rel="toottip" title="《悲怆•破碎的月亮》省第五届校园戏剧节获多种奖项">《悲怆•破碎的月亮》省第五届校园戏剧节获多种奖项</a></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-1 btn-group sideRight">
                <a href="#" class="btn btn-default">信息公开</a>
                <a href="#" class="btn btn-default">教师招聘</a>
                <a href="#" class="btn btn-default p1">招生就业</a>
                <a href="#" class="btn btn-default p1">社会服务</a>
                <a href="#" class="btn btn-default p1">应用系统</a>
                <a href="#" class="btn btn-default">教学状态</a>
                <a href="#" class="btn btn-default p1">学生工作</a>
                <a href="#" class="btn btn-default">理论研究</a>
                <div class="page1 setPage">
                   <ul class="list-unstyled text-center">
                       <li><a href="#">招生信息</a></li>
                       <li><a href="#">就业信息</a></li>
                   </ul>
                </div>
                <div class="page2 setPage">
                    <ul class="list-unstyled text-center">
                        <li><a href="#">艺术中心</a></li>
                        <li><a href="#">演出团体</a></li>
                        <li><a href="#">培训中心</a></li>
                        <li><a href="#">考级办</a></li>
                        <li><a href="#">金花学校</a></li>
                    </ul>
                </div>
                <div class="page3 setPage">
                    <ul class="list-unstyled text-center">
                        <li><a href="#">精品课程平台</a></li>
                        <li><a href="#">教学管理平台</a></li>
                        <li><a href="#">工资查询系统</a></li>
                        <li><a href="#">后勤网上报修</a></li>
                        <li><a href="#">艺术实践处</a></li>
                        <li><a href="#">人事资料下载</a></li>
                        <li><a href="#">研究生成绩查询</a></li>
                        <li><a href="#">摄像预定填表</a></li>
                        <li><a href="#">网上缴费</a></li>
                    </ul>
                </div>
                <div class="page4 setPage">
                    <ul class="list-unstyled text-center">
                        <li><a href="#">学生工作处</a></li>
                        <li><a href="#">团委</a></li>
                    </ul>
                </div>
            </div>
        </div>
       <!--底部1-->
        <div class="row ">
            <div class="col-md-11 col-md-offset-1 setBorder">
                <div class="row bt-1">
                    <div class="col-md-1">
                        <a href="#"><img src="images/right.jpg">图书馆</a>
                    </div>
                    <div class="col-md-1">
                        <a href="#"><img src="images/right.jpg">博物馆</a>
                    </div>
                    <div class="col-md-1">
                        <a href="#"><img src="images/right.jpg">校史馆</a>
                    </div>
                   <div class="col-md-9">
                      <a href="#"><img src="images/11.jpg"></a>
                       <a href="#"><img src="images/12.jpg"></a>
                           <a href="#"><img src="images/13.jpg"></a>
                               <a href="#"><img src="images/14.jpg"></a>
                   </div>
                </div>
            </div>
        </div>
        <!--底部2-->
       <div class="row bt">
           <div class="col-md-1 col-md-offset-2">
              <img src="images/logo.jpg">
           </div>
           <div class="col-md-8">
               <p>地址：西安市长乐中路108号</p>
               <p>电话：029-85239738</p>
           </div>
       </div>
    </div>
</body>
</html>